<template>
  <div>
    <div class="ydd" v-for="(v,i) in this.$store.state.arra" :key="i">
      <div class="ydd1">
        <div class="ydd1_1">
          <img :src="v.yd1" alt="">
        </div>
        <div class="ydd1_2">
          <h4><span class="yddxx">金铲铲</span>{{v.wz}}</h4>
          <p>{{v.wz2}}</p>
        </div>
      </div>
      <div class="ydd2">{{v.time}}</div>
    </div>
  </div>
</template>

<script>
export default {
created(){
       this.$store.dispatch("zuihou",{url:"/xiaobai/xiaohei"})
}
}
</script>

<style scoped>
.ydd{
  width: 80%;
  height: 1rem;
  margin-left: 0.38rem;
  margin-top: 0.2rem;
}
.ydd1{
  width: 100%;
  height: 80%;
  /* background-color: aqua; */
  display: flex;
  justify-content: space-between;
}
.ydd2{
  width: 100%;
  height: 20%;
  font-size: 0.1rem;
  color: #5ea597;
}
.ydd1_1{
  width: 35%;
  height: 100%;
  /* background-color: red; */
}
.ydd1_1>img{
  width: 100%;
  height: 100%;
}
.ydd1_2{
  width: 60%;
  height: 100%;
  /* background-color: rebeccapurple; */
}
.ydd1_2>p{
  font-size: 00.15rem;
}
.yddxx{
  background-color: #f9efe6;
  color: #d1a07f;
}
</style>